/**
* Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}

/* BLOGGER CSS RESET */
.navbar,.status-msg-wrap,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}

/* FRAMEWORK */
.navbar,.post-feeds,.feed-links{display:none}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0}
strong,b{font-weight:bold}
cite,em,i{font-style:italic}
a:link{color:#1e598e;text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
a:visited{color:#1e598e;text-decoration:none}
a:hover{color:#C80441;text-decoration:none}
a img{border:none;border-width:0;outline:none}
abbr,acronym{border-bottom:1px dotted;cursor:help}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
sub{top:.4em}
small{font-size:86%}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px}
mark{background-color:#ffce00;color:black}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}
hr{height:1px;border:none;background-color:#666}

/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* list */
ol,ul,dl{margin:.5em 0 .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}

/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
pre,code{font-family:"Courier New",Courier,Monospace;color:inherit}
pre{white-space:pre;word-wrap:normal;overflow:auto}

/* blockquote */
blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic}

/* table */
table[border="1"] td,table[border="1"] th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ededed}
table[border="1"] th{background:#eee}
table,img{max-width:100%;height:auto}
body#layout #wrapper,body#layout .post-container,body#layout .sidebar-container{padding:0 0 0 0}
body#layout #header-wrapper{margin-top:60px}
body{background:#f2f2f2;margin:0;padding:0;color:#333;font:normal 100% Arial,sans-serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}

#wrapper{background:#ffffff;text-align:left;width:970px;margin:15px auto;padding:22px;font-size:14px;}

/* NAVIGATION*/
nav{position:relative;border-bottom:4px solid #e8e8e8}
nav *{margin:0 0 0 0;padding:0 0 0 0;list-style:none}
nav ul{background:#106FE4;height:44px}
nav li{float:left;display:inline}
nav li a{padding:0 14px;line-height:44px;color:#fff!important;display:block;text-decoration:none}
nav li a:hover,nav li a.active{background:rgba(0,0,0,0.1)!important}
nav li a:active{background:#0054BB}
nav #search{position:relative;float:right;margin:5px 10px 5px 10px}
nav li.search{float:right;line-height:normal}
nav #search input[type="text"]{float:left;height:34px;border:0 none;width:110px;padding:0 10px}
nav #search input#search-button{height:34px;background:#4A96F2;border:none;float:right;padding:0 8px;cursor:pointer;color:#fff}
nav #search input#search-button:hover{background:#3288F1}
nav #search input[type="text"]:focus{background-color:#fff;text-shadow:none!important;outline:none;color:#555}

/* HEADER */
#header-wrapper{overflow:hidden;height:auto;padding:0 0 14px}
#header{float:left;max-width:240px}
#header h1.title,#header p.title{line-height:1.1em;font-size:26px;margin:0 0;padding:0 0 3px}
#header h1.title a,#header p.title a{color:#333}
#header .description{font-size:13px;color:#666;margin:0;padding:3px 0 0 0}
#banner-header{float:right;text-align:right;max-width:728px;overflow:hidden}
#content-wrapper{padding:14px 0;height:auto}

/* POSTING */
#kotak-posting{margin:0 14px 10px 0;padding:0;word-wrap:break-word}
#posting{background:#ffffff;float:left;width:670px}
.breadcrumbs{text-align:left;padding:14px;margin:0 0 8px;font-size:13px;line-height:1.4;border:1px solid #EDEDED}
.post{position:relative;padding:14px;margin:0;border:1px solid #EDEDED}
.post-footer{background:#fff;position:absolute;bottom:0;left:0;right:0;padding:14px;margin:0;color:#666;font-size:11px}
.plus{background:transparent;position:absolute;z-index:6;bottom:0;left:0;padding:6px 8px;margin:0;color:#666;font-size:12px;text-align:left}
.item-post-footer{margin:20px 0 0;padding:0 0;text-align:right;font-size:11px;color:#999;font-style:italic}
.postthumb{margin:3px 8px 3px 0;float:left;width:90px;height:90px;display:inline}
.post-body{line-height:1.5;text-align:justify}
h2.post-title,h1.post-title{font-weight:bold;line-height:1.3;letter-spacing:-0.5px;margin:0}
h2.post-title{padding:0 0 8px;font-size:16px}
h1.post-title{font-size:24px;padding:0 0 25px;display:none}

.anijan {text-align:left;font-size:24px;padding:0 0 25px;line-height:1.2em;}
.anijan a:link {color:#333}

#blog-pager{border:1px solid #ededed;clear:both!important;overflow:hidden;margin:8px 0 0 0;padding:8px;text-align:center}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
a.box{position:relative;top:0;left:0;display:block;padding:6px 8px;color:#666;font-size:13px}
a.box:active,a.box:hover{text-decoration:underline}

/* social share buttons */
.social-buttons-box{height:67px;background:url(http://1.bp.blogspot.com/-OYT-JDviP2k/VHrWc3ofkiI/AAAAAAAAEJs/yyNAhuCUELA/s1600/rect3799.png) no-repeat 200px 0;margin:20px 0 15px;overflow:hidden}
.social-buttons{margin:0 0;height:67px;float:left}
.social-buttons .share{float:left;margin-right:10px;display:inline-block}

/* WIDGET POSTING */
#widget-posting-kiri{float:left;margin:10px 5px 14px 0;padding:0;width:323px;display:inline}
#widget-posting-kanan{float:right;margin:10px 14px 14px 5px;padding:0;width:323px;display:inline}
.widget-posting h2,.widget-posting h3{background:#f0f0f0;margin:0;padding:10px 14px;font-size:14px;color:#454545;border-bottom:3px solid #E5E5E5}
.widget-posting .widget{margin:0 0 10px;border:1px solid #ededed;clear:both}
.widget-posting .widget-content{padding:16px}

/* SIDEBAR */
#sidebar{background:transparent;float:right;width:300px}
#sidebar #kotak-sidebar{margin:0 0;padding:0 0}
#sidebar h2,#sidebar h3{background:#f0f0f0;color:#454545;font-size:14px;padding:10px 10px;margin:0 0 14px;border-bottom:3px solid #E5E5E5}
#sidebar .widget{margin:0;clear:both}
#sidebar .widget-content{padding:0 0 14px}

/* CUSTOM WIDGET */
.widget-posting ul,.sidebar ul{margin:0 0 0 0;list-style-type:none}
#sidebar table,.widget-posting table{margin:0 0 0 0;background:transparent}
#sidebar td,#sidebar th,.widget-posting td,.widget-posting th{background:transparent;padding:0 0 0 0;border:medium none}
.PopularPosts .item-snippet{color:#666;font-size:12px}
.PopularPosts .item-thumbnail{float:right;margin:0 0 0 6px;padding:0;border:none;display:inline}
.PopularPosts .item-thumbnail a img{height:42px;width:42px;display:block;margin:0;padding:0}
.PopularPosts .widget-content ul li{padding:5px 2px!important}
.widget-content ul li{margin:0;padding:6px 0;border-bottom:1px solid #ededed}
.widget-content ul li:last-child{border-bottom:medium none!important}
.widget-content ul li a{color:#333}
.widget-content ul li a:hover{color:#C80441}
.item-date{font-size:11px;font-style:italic;font-weight:bold;color:#FFCC00}

/* FOOTER */
#footer-wrapper{background:#383838;border-top:4px solid #e8e8e8;overflow:hidden;padding:20px 14px;font-size:12px;color:#ddd}
#footer-wrapper .footer-kiri{float:left}
#footer-wrapper .footer-kanan{float:right;text-align:right}
#footer-wrapper a{color:#ddd}
#footer-wrapper a:hover{text-decoration:underline}
#leaderboard{background:#F5F5F5;text-align:center;padding:0;margin:0}
#leaderboard .widget{border-bottom:1px solid #fafafa}
#leaderboard .widget h2,#leaderboard .widget h3{display:none}
#leaderboard .widget-content{margin:0 auto;padding:10px 10px 10px 10px;border-bottom:1px solid #ededed}
#leaderboard img{max-width:100%}
.share-btn{margin:15px 0 25px;height:20px;overflow:hidden}
.fb_iframe_widget{float:left}
.berlangganan-box{background:#F7F7F7;padding:15px;border:1px solid #ededed;margin:10px 0 20px;text-align:center}
.berlangganan-box input.email-address[type="text"]{width:300px;padding:10px;border:1px solid #ddd;text-align:center;border-radius:4px;outline:none}
.berlangganan-box input.submit-email[type="submit"]{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;padding:10px;background:#FFCC00;border-radius:4px;color:#fff;border:none;font-weight:bold;border-bottom:3px solid #E2B810;outline:none}
.berlangganan-box input.submit-email[type="submit"]:hover{background:#E7BB0D;cursor:pointer}
.berlangganan-box input.email-address[type="text"]:focus{box-shadow:0 0 20px #106FE4}
.button{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;text-align:center;position:relative;vertical-align:top;padding:8px 12px;height:40px;font-size:13px;color:#fff;font-weight:bold;text-align:center;background:#07ACEC;border:0;cursor:pointer;border-radius:4px;outline:none}
.button:active{top:1px;outline:none}
.button:hover{background:#0D9AD0;}

.label-size{margin:0 2px 6px 0;padding:3px;font-size:13px;text-transform:uppercase;border:solid 1px #ccc;background:transparent;float:left;text-decoration:none;color:#333}
.label-size:hover{border:1px solid #C80441;background:transparent;text-decoration:none}
.label-size a{text-transform:uppercase;float:left;text-decoration:none;color:#333}
.label-size a:hover{text-decoration:none;color:#C80441}